<?php echo $this->doctype('XHTML1_TRANSITIONAL'); ?>

<html>
    <head>
        <?php
        $this->headTitle()->prepend('SocialWebdesign');
        $this->headTitle()->setSeparator(' - ');
        echo $this->headTitle();
        
        $this->headLink()->appendStylesheet('/themes/reset.css');
        $this->headLink()->appendStylesheet('/themes/default/css/layout.css');
        echo $this->headLink();
        
        echo $this->headStyle();
        $this->headScript()->appendFile('/js/cufon-yui.js');
        $this->headScript()->appendFile('/js/fonts/GeosansLight_500.font.js');
        $this->headScript()->appendScript("Cufon.replace('h1');");
        echo $this->headScript(); ?>
    </head>
    <body>
        
        <div id="Container">
        
            <div id="NavigationOuterBg"></div>
            <div id="Navigation">
                <ul>
                    <!-- <li><a href="/"><?php echo $this->translate('Homepage'); ?></a></li> -->
                    <li class="active"><span><?php echo $this->translate('Homepage'); ?></span></li>
                    <li><a href="/work"><?php echo $this->translate('What We Do'); ?></a></li>
                    <li><a href="<?php echo $this->url(array(), 'about'); ?>"><?php echo $this->translate('Who We Are'); ?></a></li>
                    <li><a href="/join"><?php echo $this->translate('How You Join'); ?></a></li>
                </ul>
            </div>
        
        </div>
        
        <!-- 
        <div id="Header">
            <h1>SocialWebdesign</h1>
        </div>
        
        <div id="Content">
            <?php echo $this->layout()->content; ?>
        </div>
         -->
        <script type="text/javascript"> Cufon.now(); </script>
    </body>
</html>